<!-- 搜索 -->
<div class="card glass-card mt-4">
    <div class="card-header bg-dark text-white">
        <h5 class="card-title mb-0">
            <i class="fas fa-search me-2"></i>&ensp;搜索
        </h5>
    </div>
    <div class="card-body">
        <div class="form-group row mb-3">
            <span class="col-4 col-form-label pt-1">搜索框</span>
            <div class="col-8">
                <div class="row">
                    <div class="col-md-6 d-flex flex-column">
                        <input type="color" class="form-control form-control-color" id="searchBgColor" name="searchBgColor" value="#ffffff">
                        <label for="searchBgColor">
                            <i class="fas fa-fill-drip me-2" style="font-size: 13px"></i>
                            <span id="searchBgColorValue" style="font-size: 15px; font-weight: normal">#ffffff</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group row mb-3">
            <span class="col-4 col-form-label pt-1">一级菜单</span>
            <div class="col-8">
                <div class="row">
                    <div class="col-md-6 d-flex flex-column">
                        <input type="color" class="form-control form-control-color" id="searchMenuTextColor" name="searchMenuTextColor" value="#173a52">
                        <label for="searchMenuTextColor">
                            <i class="fas fa-font me-2" style="font-size: 13px"></i>
                            <span id="searchMenuTextColorValue" style="font-size: 15px; font-weight: normal">#173a52</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group row mb-3">
            <span class="col-4 col-form-label pt-1">二级菜单</span>
            <div class="col-8">
                <div class="row">
                    <div class="col-md-6 d-flex flex-column">
                        <input type="color" class="form-control form-control-color" id="searchSecondMenuTextColor" name="searchSecondMenuTextColor" value="#6c757d">
                        <label for="searchSecondMenuTextColor">
                            <i class="fas fa-font me-2" style="font-size: 13px"></i>
                            <span id="searchSecondMenuTextColorValue" style="font-size: 15px; font-weight: normal">#6c757d</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group row mb-3">
            <span class="col-4 col-form-label pt-1">站内搜索</span>
            <div class="col-8">
                <div class="row">
                    <div class="col-md-6 d-flex flex-column">
                        <input type="color" class="form-control form-control-color" id="searchInternalTextColor" name="searchInternalTextColor" value="#88908d">
                        <label for="searchInternalTextColor">
                            <i class="fas fa-font me-2" style="font-size: 13px"></i>
                            <span id="searchInternalTextColorValue" style="font-size: 15px; font-weight: normal">#88908d</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group row mb-3">
            <span class="col-4 col-form-label pt-1">最近新增</span>
            <div class="col-8">
                <div class="row">
                    <div class="col-md-6 d-flex flex-column">
                        <input type="color" class="form-control form-control-color" id="newSiteTextColor" name="newSiteTextColor" value="#88908d">
                        <label for="newSiteTextColor">
                            <i class="fas fa-font me-2" style="font-size: 13px"></i>
                            <span id="newSiteTextColorValue" style="font-size: 15px; font-weight: normal">#88908d</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group row mb-3">
            <span class="col-4 col-form-label pt-1">热门网站</span>
            <div class="col-8">
                <div class="row">
                    <div class="col-md-6 d-flex flex-column">
                        <input type="color" class="form-control form-control-color" id="hotSiteLinkTextColor" name="hotSiteLinkTextColor" value="#004499">
                        <label for="hotSiteLinkTextColor">
                            <i class="fas fa-font me-2" style="font-size: 13px"></i>
                            <span id="hotSiteLinkTextColorValue" style="font-size: 15px; font-weight: normal">#004499</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 搜索 end -->
